<div class="row">
  <div class="col-xs-12">
    <div class="box">
      <div class="box-body">
        <form class="form-inline">
          <div class="box box-default">
            <div class="form-group col-lg-12 col-md-12 col-sm-12 col-xs-12" style="padding-left:0px;margin-bottom:8px !important;">
              <button type="button" class="btn btn-primary" *ngIf="_.includes(menuResourceSet,'btn-tb-export')" (click)="exportExcel()">
                        <i class="fa fa-sign-out"></i>导出Excel</button>
              <button type="button" class="btn btn-box-tool pull-right" data-widget="collapse">
                            <i class="fa fa-minus"></i></button>
            </div>
            <div class="box-body" style="display:block">
              <div class="form-group col-lg-12" style="margin-bottom:10px !important;padding-left:0px !important;">
                <label class=" control-label">产品代码：</label>
                <input type="text" class="form-control" style="width:130px;" name="sFundCode" [(ngModel)]="getBody.sFundCode" placeholder="产品代码">
                <label class=" control-label">产品名称：</label>
                <input type="text" class="form-control" style="width:130px;" name="sFundName" [(ngModel)]="getBody.sFundName" placeholder="产品名称">
                <label class=" control-label">投资经理：</label>
                <input type="text" class="form-control" style="width:130px;" name="invester" [(ngModel)]="getBody.invester" placeholder="投资经理">
                <label class=" control-label">销售经理：</label>
                <input type="text" class="form-control" name="personName" style="width:130px;" [(ngModel)]="getBody.personName" placeholder="销售经理">

              </div>

              <div class="form-group col-lg-12" style="padding-left:0px !important;">
                <label class=" control-label">开始日期：</label>
                <div class="input-group date form_datetime">
                  <span class="input-group-addon">
                                <i class="fa fa-calendar"></i>
                              </span>
                  <input type="text" class="form-control" style="background: white; cursor: pointer;" mwlFlatpickr [ngModelOptions]="{standalone: false}"
                    [(ngModel)]="getBody.sBegin" name="sBegin">
                </div>
                <label class="control-label">截至日期：</label>
                <div class="input-group date form_datetime">
                  <span class="input-group-addon">
                                  <i class="fa fa-calendar"></i>
                                </span>
                  <input type="text" class="form-control" style="background: white; cursor: pointer;" mwlFlatpickr [ngModelOptions]="{standalone: false}"
                    [(ngModel)]="getBody.sEnd" name="sEnd">
                </div>
                <label class="control-label text-right">产品类型：</label>
                <select class="form-control" [(ngModel)]="getBody.sFundType" name="sFundType">
                  <option [value]="''">全部</option>
                  <option [value]="item.sItemKey" *ngFor="let item of dictionaryList.FUND_TYPE">{{item.sItemValue}}</option>
                </select>
                <button type="button" class="btn btn-primary" (click)="list(1)">
                  <i class="fa fa-search"></i>查询</button>
              </div>
            </div>
          </div>
        </form>

        <div class="box-body" style="padding-left:0px;padding-right:0px;">
          <!-- updated by dujh @20180703 修改表格变为可拉伸 -->
          <div style="overflow-x:scroll;height:450px" class="tbHeaderFix" id="t4List">
            <table class="table table-bordered table-hover table-keep-line table-striped table-keep-line">
              <thead>
                <tr>
                  <!-- <th class="width-5">
                    <div class="checkbox checkbox-primary">
                      <input type="checkbox" name="checkboxAll" [(ngModel)]="isCheckedAll" (ngModelChange)="checkedAll()">
                      <label></label>
                    </div>
                  </th> -->
                  <th class="fixed-th-100" (click)="orderData('sFundCode')">产品代码<i class="fa fa-sort"></i></th>
                  <th class="fixed-th-100" (click)="orderData('sFundName')">产品名称<i class="fa fa-sort"></i></th>
                  <th class="fixed-th-100" (click)="orderData('invester')">投资经理<i class="fa fa-sort"></i></th>
                  <th class="fixed-th-100" (click)="orderData('personName')">销售经理<i class="fa fa-sort"></i></th>
                  <th class="fixed-th-100" (click)="orderData('dDate')">净值日期<i class="fa fa-sort"></i></th>

                  <th class="fixed-th-100" (click)="orderData('fAsset')">总净值<i class="fa fa-sort"></i></th>
                  <th class="fixed-th-100" (click)="orderData('fShares')">份额<i class="fa fa-sort"></i></th>
                  <th class="fixed-th-100" (click)="orderData('fNetvalue')">份额净值<i class="fa fa-sort"></i></th>
                  <th class="fixed-th-120" (click)="orderData('fTotalnetvalue')">累计单位净值<i class="fa fa-sort"></i></th>
                  <th class="fixed-th-100" (click)="orderData('nReturnWf')">万份收益<i class="fa fa-sort"></i></th>

                  <th class="fixed-th-100" (click)="orderData('nReturnAnnual7d')">七日收益率<i class="fa fa-sort"></i></th>
                  <th class="fixed-th-100" (click)="orderData('nAsset')">资产总值<i class="fa fa-sort"></i></th>
                  <th class="fixed-th-100" (click)="orderData('nStockToasset')">股票投资<i class="fa fa-sort"></i></th>
                  <th class="fixed-th-100" (click)="orderData('nWarrantToasset')">权证投资<i class="fa fa-sort"></i></th>
                  <th class="fixed-th-100" (click)="orderData('nFundToasset')">基金投资<i class="fa fa-sort"></i></th>

                  <th class="fixed-th-100" (click)="orderData('nBondToasset')">债券投资<i class="fa fa-sort"></i></th>
                  <th class="fixed-th-150" (click)="orderData('nRepoToasset')">买入返售金融资产<i class="fa fa-sort"></i></th>
                  <th class="fixed-th-150" (click)="orderData('nDepositToasset')">银行存款及结算备付金<i class="fa fa-sort"></i></th>
                  <th class="fixed-th-150" (click)="orderData('nSettlementToasset')">应收证券清算款<i class="fa fa-sort"></i></th>
                  <th class="fixed-th-100" (click)="orderData('nAssetetcToasset')">其他资产<i class="fa fa-sort"></i></th>

                  <th class="fixed-th-100" (click)="orderData('nTotalassetToasset')">总计<i class="fa fa-sort"></i></th>
                  <th class="fixed-th-100" (click)="orderData('nReturnWeek')">当周收益率<i class="fa fa-sort"></i></th>
                  <th class="fixed-th-100" (click)="orderData('nReturnMonth')">当月收益率<i class="fa fa-sort"></i></th>
                  <th class="fixed-th-150" (click)="orderData('nReturnQuart')">当年以来收益率<i class="fa fa-sort"></i></th>
                  <th class="fixed-th-100" (click)="orderData('nReturnInception')">成立以来<i class="fa fa-sort"></i></th>
                </tr>
              </thead>
              <tbody>
                <tr *ngFor="let item of dataList">
                  <!-- <td>
                    <div class="checkbox checkbox-primary">
                      <input type="checkbox" name="checkbox1" [(ngModel)]="item.isChecked" (ngModelChange)="ctrlCheckAll()">
                      <label></label>
                    </div>
                  </td> -->
                  <td class="fixed-th-100 short-name" [attr.title]="item.sFundCode">{{item.sFundCode}}</td>
                  <td class="fixed-th-100 short-name" [attr.title]="item.sFundName">{{item.sFundName}}</td>
                  <td class="fixed-th-100 short-name" [attr.title]="item.invester">{{item.invester}}</td>
                  <td class="fixed-th-100 short-name" [attr.title]="item.personName">{{item.personName}}</td>
                  <td class="fixed-th-100 short-name" [attr.title]="item.dDate">{{item.dDate}}</td>

                  <td class="fixed-th-100 short-name" [attr.title]="item.fAsset">{{item.fAsset}}</td>
                  <td class="fixed-th-100 short-name" [attr.title]="item.fShares">{{item.fShares}}</td>
                  <td class="fixed-th-100 short-name" [attr.title]="item.fNetvalue">{{item.fNetvalue}}</td>
                  <td class="fixed-th-120 short-name" [attr.title]="item.fTotalnetvalue">{{item.fTotalnetvalue}}</td>
                  <td class="fixed-th-100 short-name" [attr.title]="item.nReturnWf">{{item.nReturnWf}}</td>

                  <td class="fixed-th-100 short-name" [attr.title]="item.nReturnAnnual7d">{{item.nReturnAnnual7d}}</td>
                  <td class="fixed-th-100 short-name" [attr.title]="item.nAsset">{{item.nAsset}}</td>
                  <td class="fixed-th-100 short-name" [attr.title]="item.nStockToasset">{{item.nStockToasset}}</td>
                  <td class="fixed-th-100 short-name" [attr.title]="item.nWarrantToasset">{{item.nWarrantToasset}}</td>
                  <td class="fixed-th-100 short-name" [attr.title]="item.nFundToasset">{{item.nFundToasset}}</td>

                  <td class="fixed-th-100 short-name" [attr.title]="item.nBondToasset">{{item.nBondToasset}}</td>
                  <td class="fixed-th-150 short-name" [attr.title]="item.nRepoToasset">{{item.nRepoToasset}}</td>
                  <td class="fixed-th-150 short-name" [attr.title]="item.nDepositToasset">{{item.nDepositToasset}}</td>
                  <td class="fixed-th-150 short-name" [attr.title]="item.nSettlementToasset">{{item.nSettlementToasset}}</td>
                  <td class="fixed-th-100 short-name" [attr.title]="item.nAssetetcToasset">{{item.nAssetetcToasset}}</td>

                  <td class="fixed-th-100 short-name" [attr.title]="item.nTotalassetToasset">{{item.nTotalassetToasset}}</td>
                  <td class="fixed-th-100 short-name" [attr.title]="item.nReturnWeek">{{item.nReturnWeek}}</td>
                  <td class="fixed-th-100 short-name" [attr.title]="item.nReturnMonth">{{item.nReturnMonth}}</td>
                  <td class="fixed-th-150 short-name" [attr.title]="item.nReturnQuart">{{item.nReturnQuart}}</td>
                  <td class="fixed-th-100 short-name" [attr.title]="item.nReturnInception">{{item.nReturnInception}}</td>
                </tr>
              </tbody>
            </table>
          </div>
        </div>

        <div class="box-footer clearfix">
          <app-pagination [currentPageNum]="listPageInfo.currentPageNum" [pagesShow]="" [totalPages]="listPageInfo.totalPages" (pageChanged)="listPageNavigation($event)">
            <div class="pull-left pagination-detail" data-pagination-additional="true">
              <span class="pagination-info">
                          当前显示第{{listPageInfo.startRow}}到第{{listPageInfo.endRow}}条，总共{{listPageInfo.total}}条，
                      </span>
              <span class="page-list">每页记录
                        <span class="btn-group dropup">
                          <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
                            <span class="page-size">{{listPageInfo.pageSize}}</span><span class="caret"></span>
              </button>
              <ul class="dropdown-menu" role="menu">
                <li *ngFor="let i of listPageInfo.pageList" role="menuitem" [class.active]="listPageInfo.pageSize===i" (click)="listPageSizeChange(i)">
                  <a>{{i}}</a>
                </li>
              </ul>
              </span>条
              </span>
            </div>
          </app-pagination>
        </div>

      </div>
    </div>
  </div>
</div>